<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>个人简历</title>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900">
  <link rel="stylesheet" href="./css/style.css">
  <script src="./js/index.js"></script>
</head>

<body>
  <nav id="topbar">
  </nav>
  <section class="info clearfix" id="basicInfo">
    <div class="basicWapper clearfix">
      <h3>基本信息</h3>
      <span>DRACO</span>
    </div>
    <div class="baseContent content clearfix">
      <div class="sayHi">Hi, I'm LiuKairui from China</div>
      <div class="face">
        <img src="./img/face.jpg" alt="face">
      </div>
      <h2 class="pos">WEB DEVELOPER</h2>
      <span>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint molestiae tenetur fuga,
        laboriosam quaerat dolore quod sed, a, cum soluta repudiandae iste illo accusantium commodi aliquam autem quidem
        voluptates molestias?</span>
    </div>
  </section>
  <section class="info clearfix" id="WorkInfo">
    <div class="content">
      <h3 class="catcage">工作经历</h3>
      <ol>
        <li>
          <div class="workCard">
            <div class="period">2020-2021</div>
            <div class="company">西南大学某某联通营业厅</div>
            <div class="job">手机卡推销(bushi</div>
          </div>
        </li>
        <li>
          <div class="workCard">
            <div class="period">2021-2022</div>
            <div class="company">西南大学某某家装</div>
            <div class="job">推销被子(yebushi</div>
          </div>
        </li>
        <li>
          <div class="workCard">
            <div class="period">2021-2022</div>
            <div class="company">西南大学动物实验中心</div>
            <div class="job">伦理审批系统前端开发</div>
          </div>
        </li>
      </ol>
    </div>
  </section>
  <section class="info clearfix" id="educateInfo">
    <div class="content">
      <h3 class="catcage">教育经历</h3>
      <ol>
        <li>
          <div class="eduCard">
            <div class="period">2019-2023</div>
            <div class="school">西南大学-计算机科学与技术(本科)</div>
          </div>
        </li>
        <li>
          <div class="eduCard">
            <div class="period">2022-2024</div>
            <div class="school">奥克兰大学-数据科学(硕士)</div>
          </div>
        </li>
      </ol>
    </div>
  </section>
  <section class="info clearfix" id="langSkillInfo">
    <div class="content">
      <h3 class="catcage">语言技能</h3>
      <ul>
        <li>
          <div class="langCard">
            <div class="langPart">Web Tech</div>
            <ul>
              <li>HTML</li>
              <li>CSS</li>
              <li>Less</li>
              <li>JavaScript</li>
              <li>Node.JS</li>
            </ul>
          </div>
        </li>
        <li>
          <div class="langCard">
            <div class="langPart">DataBase</div>
            <ul>
              <li>MySQL</li>
              <li>MongoDB</li>
            </ul>
          </div>
        </li>
        <li>
          <div class="langCard">
            <div class="langPart">Framework</div>
            <ul>
              <li>Vue</li>
            </ul>
          </div>
        </li>
      </ul>
    </div>
  </section>
  <section class="info clearfix" id="awardsInfo">
    <div class="content">
      <h3 class="catcage">奖项&AMP;证书</h3>
      <ol>
        <li>
          <div class="awardCard">
            <div class="period">November 2021</div>
            <div class="awardName">2021年中国大学生程序设计竞赛(CCPC)桂林站-金奖</div>
          </div>
        </li>
        <li>
          <div class="awardCard">
            <div class="period">November 2021</div>
            <div class="awardName">2021年中国大学生程序设计竞赛(CCPC)威海站-银奖</div>
          </div>
        </li>
        <li>
          <div class="awardCard">
            <div class="period">November 2021</div>
            <div class="awardName">46届国际大学程序设计竞赛(ICPC)上海站-铜奖</div>
          </div>
        </li>
        <li>
          <div class="awardCard">
            <div class="period">November 2021</div>
            <div class="awardName">46届国际大学程序设计竞赛(ICPC)济南站-铜奖</div>
          </div>
        </li>
        <li>
          <div class="awardCard">
            <div class="period">May 2021</div>
            <div class="awardName">2020年中国大学生程序设计竞赛(CCPC)总决赛-优秀奖</div>
          </div>
        </li>
        <li>
          <div class="awardCard">
            <div class="period">May 2021</div>
            <div class="awardName">12届蓝桥杯程序设计竞赛C/C++大学A组-省一</div>
          </div>
        </li>
        <li>
          <div class="awardCard">
            <div class="period">April 2021</div>
            <div class="awardName">45届国际大学程序设计竞赛(ICPC)昆明站-优秀奖</div>
          </div>
        </li>
        <li>
          <div class="awardCard">
            <div class="period">December 2021</div>
            <div class="awardName">国家励志奖学金</div>
          </div>
        </li>
        <li>
          <div class="awardCard">
            <div class="period">其他获奖&amp;证书</div>
            <div class="awardName">美国大学生数学建模竞赛-一等奖</div>
            <div class="awardName">美国大学生数学建模竞赛-二等奖</div>
            <div class="awardName">全国大学生数学建模竞赛-省二</div>
            <div class="awardName">西南大学学术科技奖</div>
            <div class="awardName">西南大学学习优秀奖</div>
            <div class="awardName">雅思6.0</div>
          </div>
        </li>
      </ol>
    </div>
  </section>
</body>

</html>